<script setup>
import { ElAvatar, ElCard } from 'element-plus'

const props = defineProps({
  userInfo: Object
})
const { userInfo } = props
</script>
<template>
  <el-card>
    <el-avatar :size="60" src="https://empty">
      <img
        :src="userInfo?.avatar"
      />
    </el-avatar>
    <p>昵称: {{userInfo?.nickname}}</p>
  </el-card>
</template>